/* 改变主题色变量 */
$--color-primary: #3C86F5;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

.el-input--small .el-input__inner, .el-range-editor--small.el-input__inner {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  border-radius: 4px;
  border-color: #BCBFC7;
}

.el-button--small {
  padding: 12px 16px;
  font-size: 14px;
  border-radius: 4px;
}

.el-date-editor .el-range-separator {
  width: 18px;
  line-height: 32px;
  font-size: 14px;
}
.el-range-editor--small .el-range__icon, .el-range-editor--small .el-range__close-icon {
  line-height: 32px;
}

.task-item {
  .el-input--small .el-input__icon {
    line-height: 40px;
  }
}
.el-radio {
  margin-right: 16px;
}

.radio-down .el-radio__input.is-checked .el-radio__inner {
  border-color: #3DC27C;
  background: #3DC27C;
}

.radio-down .el-radio__input.is-checked + .el-radio__label {
  color: #3DC27C;
}

.radio-middle .el-radio__input.is-checked .el-radio__inner {
  border-color: #F4A41A;
  background: #F4A41A;
}

.radio-middle .el-radio__input.is-checked + .el-radio__label {
  color: #F4A41A;
}

.radio-hight .el-radio__input.is-checked .el-radio__inner {
  border-color: #ED5861;
  background: #ED5861;
}

.radio-hight .el-radio__input.is-checked + .el-radio__label {
  color: #ED5861;
}

// 必填红框
.red .el-input__inner{
  border-color: #ED5861;
}

.el-button + .el-button {
  margin-left: 24px;
}

// 头部搜索
.search-content {
  width: 100%;
  height: 88px;
  padding: 24px 0px;
  .search-input {
    width: 320px;
    height: 40px;
  }
  .search-btn {
    float: right;
    margin-left: 24px;
  }
  .search-btn.no-left {
    margin-left: 0px;
  }
  .search-item {
    display: inline-block;
    .item-time {
      width: 320px;
      margin-left: 12px;
      margin-right: 24px;
    }
    .item-select {
      width: 240px;
      margin-left: 12px;
      margin-right: 24px;
    }
    .item-select.alone {
      margin: 0px;
    }
  }
}

.search-content.two {
  height: auto;
  padding-bottom: 0px;
  .search-item {
    margin-bottom: 16px;
    width: 25%;
    .search-label {
      display: inline-block;
      width: 100px;
      text-align: right;
    }
    .item-select {
      width: calc(100% - 100px - 12px);
      margin-right: 0px;
    }
  }
  .search-item.first {
    .search-label {
      width: 56px;
      text-align: right;
    }
    .item-select {
      width: calc(100% - 56px - 12px);
      margin-right: 0px;
    }
  }
}
.search-content.two.short .item-select {
  width: calc(100% - 82px);
}

.table-content.two {
  height: calc(100% - 136px);
}

// 表格与分页
.el-pagination .el-select .el-input .el-input__inner, .el-pagination__editor.el-input .el-input__inner, .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
  height: 32px;
  line-height: 30px;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
  background-color: #fff;
} 

.el-pagination.is-background .el-pager li:not(.disabled).active {
  border-color: #418DFF;
}

.el-pagination__jump, .el-pagination span:not([class*=suffix]) {
  font-size: 14px;
}

.el-pagination__jump {
  margin-left: 16px;
}

.el-pagination__total, .el-pagination__jump, .el-pagination span:not([class*=suffix]) {
  height: 32px;
  line-height: 32px;
}
.page-box {
  // padding-right: 24px;
  text-align: right;
  .table-page {
    display: inline-block;
    font-size: 14px;
    color: #535A68;
    font-weight: 400;
    max-width: calc(100% - 196px);
    .page-item.first {
      margin-right: 10px;
    }
    .page-item {
      width: 64px;
      height: 32px;
      line-height: 30px;
      border-radius: 2px;
      border: 1px solid #D9D9D9;
      text-align: center;
      cursor: pointer;
    }
    .page-item:hover {
      color: #418DFF;
    }
    .page-jumper {
      margin-left: 16px;
      .page-num {
        width: 48px;
        height: 32px;
        margin-left: 8px;
        margin-right: 8px;
        .el-input__inner {
          height: 32px;
          line-height: 32px;
          border-radius: 2px;
          border: 1px solid #D9D9D9;
        }
      }
    }
  }
}

.el-table thead tr th.el-table__cell{
  background-color: #EEF1F6;
  color: #2D323C;
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background-color: #F5F7FA;
}
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: #E3EBFA;
}
.el-table .cell, .el-table th.el-table__cell > .cell {
  padding-left: 24px;
  padding-right: 24px;
}
.el-table--small {
  font-size: 14px;
}
// 超出三行省略
// .desc-style {
//   overflow: hidden;
//   text-overflow: ellipsis;
//   word-break: break-all;
//   display: -webkit-box;
//   -webkit-line-clamp: 3;
//   -webkit-box-orient: vertical;
// }

// 超出三行滚动
.desc-style {
  display: inline-block;
  max-height: 69px;
  overflow-y: auto;
}

// 表格容器
.table-content {
  width: 100%;
  height: calc(100% - 88px);
  .list {
    margin-bottom: 16px;
    height: calc(100% - 76px);
    .operate-item {
      color: #3C86F5;
      margin-right: 16px;
      cursor: pointer;
      .icon {
        width: 16px;
        height: 16px;
        margin-right: 8px;
        margin-top: -2px;
      }
      .icon-look {
        background-image: url(../assets/icon-look.png);
      }
      .icon-edit {
        background-image: url(../assets/icon-edit.png);
      }
      .icon-delete {
        background-image: url(../assets/icon-delete.png);
      }
      .icon-detail {
        background-image: url(../assets/icon-detail.png);
      }
      .icon-manage {
        background-image: url(../assets/icon-manage.png);
      }
      .icon-join {
        background-image: url(../assets/icon-join.png);
      }
      .icon-feedback {
        background-image: url(../assets/icon-feedback.png);
      }
    }
    .operate-item.delete, .red {
      color: #ED5861;
    }
    .operate-item.disabled {
      cursor: not-allowed;
      color: #999;
      .icon-look {
        background-image: url(../assets/icon-look-disabled.png);
      }
      .icon-feedback {
        background-image: url(../assets/icon-feedback-disabled.png);
      }
      .icon-edit {
        background-image: url(../assets/icon-edit-disabled.png);
      }
      .icon-delete {
        background-image: url(../assets/icon-delete-disabled.png);
      }
    }
  }
}

// 弹框
.el-dialog__wrapper {
  .el-dialog {
    border-radius: 4px 4px 0px 0px;
    color: #2D333C;
    height: 70vh;
    .el-dialog__header {
      background: #F0F2F5;
      border: 1px solid #DBDCE3;
      padding: 12px 24px;
      border-radius: 4px 4px 0px 0px;
    }
    .el-dialog__title {
      font-weight: bold;
      color: #2D333C;
      font-size: 16px;
    }
    .el-dialog__headerbtn {
      top: 15px;
      .el-dialog__close {
        color: #2D333C;
        font-size: 18px;
      }
    }
    .el-dialog__body {
      padding: 24px;
      height: calc(100% - 114px);
      width: 100%;
      .search-content {
        padding-top: 0px;
        height: 64px;
      }
      .table-content {
        height: calc(100% - 64px);
        .list {
          height: calc(100% - 52px);
          .el-table__body-wrapper {
            height: calc(100% - 40px)!important;
          }
        }
      }
    }
    .el-dialog__footer {
      padding: 0 24px 24px 24px;
      .el-button--small {
        margin-left: 24px;
      }
    }
  }
}

// 详情弹框
.el-dialog.detail-dialog {
  height: auto;
  max-height: 70vh;
  .el-dialog__body {
    padding-bottom: 8px;
  }
}
// 线索弹框
.el-dialog.clue-dialog {
  height: auto;
  max-height: 70vh;
}

// 风险提示框
.el-message-box {
  padding-bottom: 24px;
  .el-message-box__header {
    background: #F0F2F5;
    border-bottom: 1px solid #DBDCE3;
    padding: 12px 24px;
    .el-message-box__title {
      font-weight: bold;
      color: #2D333C;
      font-size: 16px;
    }
    .el-message-box__headerbtn {
      top: 11px;
      right: 20px;
      .el-message-box__close {
        color: #2D333C;
        font-size: 18px;
      }
    }
  }
  .el-message-box__content {
    padding: 34px 24px;
    text-align: center;
  }
  .el-message-box__btns {
    padding: 0 24px;
    display: flex;
    flex-direction: row-reverse;
    .el-button--small {
      margin-left: 24px;
    }
  }
}

// 面包屑
.bread-list {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #535C68;
  .bread-click {
    color: #3C86F5;
    cursor: pointer;
  }
}

// 进度条
.el-progress.is-success .el-progress-bar__inner {
  color: #3DC27C;
}

// 加载框
.el-loading-spinner .el-loading-text {
  color: #fff;
}

.el-loading-spinner i {
  font-size: 35px;
  color: #fff;
  margin-bottom: 10px;
}